<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>常用的标签</title>
  </head>
  <body>
    <!-- 标题标签
    在HTML一共有h1 ~ h6 六级标题
    6级标题中 h1最大 h6最小
    从h1 到 h6 重要性依次降低
    h1最重要，h2其次 依次递减

    搜索引擎检索页面时，h1仅次于title，也会影响到页面在搜索引擎中的排名
        一个页面一般只有一个h1标签

    一般页面中只会使用h1 ~ h3

-->
    <h1>一级标题标签</h1>
    <h2>二级标题标签</h2>
    <h3>三级标题标签</h3>
    <h4>四级标题标签</h4>
    <h5>五级标题标签</h5>
    <h6>六级标题标签</h6>

    <!-- 段落标签 使用p标签来表示一个段落
        段落标签会独占一行，并和其他内容会有一个距离
-->
    <p>第一次</p>
    <p>今天天气真不错</p>
    <hr />
    <!--
    在HTML中，默认将多个空格和换行认为是一个空格
    使用br标签来表示一个换行
-->
    <p>
      床前明月光<br />
      疑是地上霜<br />
      举头望明月<br />
      低头思故乡<br />
    </p>

    <!-- 水平线，可以在页面的指定位置输出一条水平线 -->
    <hr />

    <!--加粗：<strong>…</strong>-->
    <!--斜体：<em>…</em>-->

    <strong>简介</strong>
    <p>
      <em>2008</em>年设立XXX<br />
      <em>2009</em>年成立XXX<br />
    </p>

    <!-- 相对路径 -->
    <img src="../img/计算机基础.webp" />
    <!-- 绝对路径 -->
    <img src="D:\study\vue\front-basics\front-end-basics\img\计算机基础.webp" />
    <!-- 链接标签 -->
    <a
      href="https://baike.baidu.com/item/%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%9F%BA%E7%A1%80/62009592?fr=ge_ala"
      >计算机基础</a
    >

    <div></div>
  </body>
</html>
